<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="r" %>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Albites</title>
        <link rel="stylesheet" type="text/css" media="all" href="css/960.css" />
        <link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
        <!-- Start menu css and js files here -->
        <link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen" />
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="js/hoverIntent.js"></script>
        <script type="text/javascript" src="js/superfish.js"></script>
        <script type="text/javascript">
            // initialise plugins
            jQuery(function(){
                jQuery('ul.sf-menu').superfish();
            });
        </script>
        <!-- End menu css and js files here -->
        <!-- Begin featured slider css & js files -->
        <link rel="stylesheet" type="text/css" media="all" href="css/featuredslider.css" />
        <script type="text/javascript" src="js/script.js"></script>
        <!-- End featured slider css & js files -->
        <!--[if IE 6]>
        <script type='text/javascript' src='js/dd_belated_png.js'></script>
        <script>DD_belatedPNG.fix('.pngfix');</script>
        <![endif]-->

    </head>
    <body>
        <div class="header">
            <div class="bg">    <!--start:header -->
                <div class="container_16">
                    <!--start:header container -->
                    <!--start:logo -->
                    <div class="grid_5"> 
                        <img src="images/logo.png" alt="DesignPlus" class="pngfix logo"/>
                    </div>
                    <!--end:logo -->
                    <div class="grid_11">
                        <!--start:menu grid -->
                        <div class="top-menu pngfix">
                            <!--start:menu top-menu -->
                            <ul class="sf-menu">
                                <!--start:sf-menu -->
                                <li class="current"> <a href="home">Home</a> </li>
                                <li> <a href="berita?halaman=daftarberita">Berita</a> </li>
                                <li> <a href="hitungKalori?halaman=hitungKalori">Hitung Kalorimu</a>
                                    <li> <a href="user?halaman=tentangkami">Tentang Kami</a>
                                        <li> <a href="user?halaman=loginprofil">Login</a> </li>
                                        <li> <a href="user?halaman=registrasi">Regitrasi</a> </li>      
                                        </ul>
                                        <!--end:sf-menu -->
                                        <span class="rightcorner pngfix"></span> </div>
                                        <!--end:menu top-menu -->
                                        </div>
                                        <!--end:menu grid -->
                                        <div class="clear">&nbsp;</div>
                                        <div class="grid_16">
                                            <!--start:featured slider grid -->
                                            <div class="slider_bg pngfix">
                                                <!--start:slider_bg -->
                                                <ul id="slideshow">
                                                    <!--start:slideshow -->
                                                    <li>
                                                        <!--start:slideshow content and image -->
                                                        <h3>Albites</h3>
                                                        <span>photos/1.jpg</span>
                                                        <!--an image only -->
                                                        <p> All About Diabetes<br /></p>
                                                        <img src="photos/1.jpg" alt="img-1" />
                                                        <!--an image thumbnail only -->
                                                    </li>
                                                    <!--end:slideshow content and image -->
                                                    <li>
                                                        <!--start:slideshow content and image -->
                                                        <h3>Albites</h3>
                                                        <span>photos/2.jpg</span>
                                                        <!--an image only -->
                                                        <p> All About Diabetes<br /></p>
                                                        <img src="photos/2.jpg" alt="img-2" />
                                                        <!--an image thumbnail only -->
                                                    </li>
                                                    <!--end:slideshow content and image -->
                                                    <li>
                                                        <!--start:slideshow content and image -->
                                                        <h3>Albites</h3>
                                                        <span>photos/3.jpg</span>
                                                        <!--an image only -->
                                                        <p> All About Diabetes<br /></p>
                                                        <img src="photos/3.jpg" alt="img-3" />
                                                        <!--an image thumbnail only -->
                                                    </li>
                                                    <!--end:slideshow content and image -->
                                                    <li>
                                                        <!--start:slideshow content and image -->
                                                        <h3>Albites</h3>
                                                        <span>photos/4.jpg</span>
                                                        <!--an image only -->
                                                        <p> All About Diabetes<br /></p>
                                                        <img src="photos/4.jpg" alt="img-4" />
                                                        <!--an image thumbnail only -->
                                                    </li>
                                                    <!--end:slideshow content and image -->
                                                    <li>
                                                        <!--start:slideshow content and image -->
                                                        <h3>Albites</h3>
                                                        <span>photos/5.jpg</span>
                                                        <!--an image only -->
                                                        <p> All About Diabetes<br /></p>
                                                        <img src="photos/5.jpg" alt="img-1" />
                                                        <!--an image thumbnail only -->
                                                    </li>
                                                    <!--end:slideshow content and image -->
                                                    <li>
                                                        <!--start:slideshow content and image -->
                                                        <h3>Albites</h3>
                                                        <span>photos/6.jpg</span>
                                                        <!--an image only -->
                                                        <p> All About Diabetes<br /></p>
                                                        <img src="photos/6.jpg" alt="img-2" />
                                                        <!--an image thumbnail only -->
                                                    </li>
                                                    <!--end:slideshow content and image -->
                                                    <li>
                                                        <!--start:slideshow content and image -->
                                                        <h3>Albites</h3>
                                                        <span>photos/7.jpg</span>
                                                        <!--an image only -->
                                                        <p> All About Diabetes<br /></p>
                                                        <img src="photos/7.jpg" alt="img-4" />
                                                        <!--an image thumbnail only -->
                                                    </li>
                                                    <!--end:slideshow content and image -->
                                                    <li>
                                                        <!--start:slideshow content and image -->
                                                        <h3>Albites</h3>
                                                        <span>photos/8.jpg</span>
                                                        <!--an image only -->
                                                        <p> All About Diabetes<br /></p>
                                                        <img src="photos/8.jpg" alt="img-3" />
                                                        <!--an image thumbnail only -->
                                                    </li>
                                                    <!--end:slideshow content and image -->
                                                    <li>
                                                        <!--start:slideshow content and image -->
                                                        <h3>Albites</h3>
                                                        <span>photos/9.jpg</span>
                                                        <!--an image only -->
                                                        <p> All About Diabetes<br /></p>
                                                        <img src="photos/9.jpg" alt="img-1" />
                                                        <!--an image thumbnail only -->
                                                    </li>
                                                    <!--end:slideshow content and image -->
                                                    <li>
                                                        <!--start:slideshow content and image -->
                                                        <h3>Albites</h3>
                                                        <span>photos/10.jpg</span>
                                                        <!--an image only -->
                                                        <p> All About Diabetes<br /></p>
                                                        <img src="photos/10.jpg" alt="img-2" />
                                                        <!--an image thumbnail only -->
                                                    </li>
                                                    <!--end:slideshow content and image -->
                                                    <li>
                                                        <!--start:slideshow content and image -->
                                                        <h3>Albites</h3>
                                                        <span>photos/11.jpg</span>
                                                        <!--an image only -->
                                                        <p> All About Diabetes<br /></p>
                                                        <img src="photos/11.jpg" alt="img-4" />
                                                        <!--an image thumbnail only -->
                                                    </li>
                                                    <!--end:slideshow content and image -->
                                                </ul>
                                                <!--end:slideshow -->
                                                <div id="wrapper">
                                                    <!--start:wrapper -->
                                                    <div id="fullsize">
                                                        <!--start:fullsize -->
                                                        <div id="imgprev" class="imgnav pngfix" title="Previous"></div>
                                                        <div id="imglink"></div>
                                                        <div id="imgnext" class="imgnav pngfix" title="Next"></div>
                                                        <div id="image"></div>
                                                        <div id="information">
                                                            <!--start:information -->
                                                            <h3></h3>
                                                            <p></p>
                                                        </div>
                                                        <!--end:information -->
                                                    </div>
                                                    <!--end:fullsize -->
                                                    <div id="thumbnails">
                                                        <!--start:thumbnails -->
                                                        <div id="slideleft" title="Slide Left"></div>
                                                        <div id="slidearea">
                                                            <!--start:slidearea -->
                                                            <div id="slider"></div>
                                                        </div>
                                                        <!--start:slidearea -->
                                                        <div id="slideright" title="Slide Right"></div>
                                                    </div>
                                                    <!--end:thumbnails -->
                                                </div>
                                                <!--end:wrapper -->
                                            </div>
                                            <!--end:slider_bg -->
                                        </div>
                                        <!--start:featured slider grid -->
                                        <!--start:featured slider script -->
                                        <script type="text/javascript">
                                            $('slideshow').style.display='none';
                                            $('wrapper').style.display='block';
                                            var slideshow=new TINY.slideshow("slideshow");
                                            window.onload=function(){
                                                slideshow.auto=true;
                                                slideshow.speed=5;
                                                slideshow.link="linkhover";
                                                slideshow.info="information";
                                                slideshow.thumbs="slider";
                                                slideshow.left="slideleft";
                                                slideshow.right="slideright";
                                                slideshow.scrollSpeed=4;
                                                slideshow.spacing=5;
                                                slideshow.active="#aaa";
                                                slideshow.init("slideshow","image","imgprev","imgnext","imglink");
                                            }
                                        </script>
                                        <!--send:featured slider script -->
                                        </div>
                                        <!--end:header container -->
                                        </div>
                                        </div>
                                        <!--end:header -->
                                        <div class="clear">&nbsp;</div>
                                        <div class="container_16">
                                            <!--start:content container -->
                                            <div class="grid_11 sepline">
                                                <!--start:left content grid -->
                                                <div class="box-content">
                                                    <!--start:box-content -->
                                                    <h2> Selamat Datang di Albites </h2>
                                                    <br>
                                                     </br>


                                                        <br>
                                                            <h2><a href="berita?halaman=bacaBerita&&idBerita=51">Air Mata Bisa Gantikan Darah untuk Cek Kadar Gula Darah</a></h2>
                                                            <p>Para ilmuwan dan dokter terus bekerja bertahun-tahun untuk menemukan cara yang tidak menyakitkan dalam mengukur kadar gula darah. 
                                                                Kini studi baru menemukan ide dengan menggunakan air mata dan bukan darah.
                                                                Sebuah sensor yang dikembangkan oleh para peneliti dari University of Michigan bisa mendeteksi kadar gula atau glukosa dalam air mata. 
                                                                                                                               <br />
                                                                <a href="berita?halaman=bacaBerita&&idBerita=51" class="readmore rightalign">more..</a><br />
                                                            </p>
                                                            <br>
                                                                <h2><a href="berita?halaman=bacaBerita&&idBerita=201">Berbagai Pengobatan Baru Diabetes Melitus</a></h2>
                                                                <p>Begitu banyaknya penderita Diabetes Melitus (DM) di seluruh dunia, membuat para peneliti terus mengembangkan pengobatan penyakit tersebut. Dalam beberapa tahun terakhir, banyak penelitian dilakukan yang terkait dengan penyakit DM.
                                                                    Penelitian-penelitian tersebut tentunya dilakukan untuk menemukan pengobatan yang terbaik untuk DM. Penelitian-penelitian tersebut, termasuk berhasil ditemukannya pankreas buatan dan transplantasi sel beta.
                                                                    Beradasarkan data National Diabetes Statistics 2011, prevalensi DM telah diperkirakan 8,3 persen dari penduduk Amerika Serikat, dan sebagian besar adalah DM Tipe II seperti dilansir dari Epharmapedia, Rabu (7/9/2011).
                                                                    
                                                                    <br />
                                                                    <a href="berita?halaman=bacaBerita&&idBerita=201" class="readmore rightalign">more..</a><br />
                                                                </p>
                                                                <br>
                                                                    <h2><a href="berita?halaman=bacaBerita&&idBerita=206">Rahasia Panjang Umur Pasien Diabetes Tertua</a></h2>
                                                                    <p>San Diego, AS, Sangat jarang penderita diabetes berumur panjang karena di tengah perjalanan hidupnya pasien sering mengalami komplikasi penyakit lain. 
                                                                        Tapi seorang penderita diabetes bisa bertahan hidup dengan baik hingga usia 90 tahun. Apa rahasia panjang umurnya?
                                                                        Bob Krause seorang kakek yang hampir memasuki usia 90 tahun dinobatkan menjadi pasien diabetes tertua dengan hidup terpanjang di Amerika. Pasalnya, kakek yang tinggal di San Diego AS ini telah 85 tahun hidup dengan penyakit mematikan diabetes.
                                                                        <br />
                                                                        <a href="berita?halaman=bacaBerita&&idBerita=206" class="readmore rightalign">more..</a><br />
                                                                    </p>
                                                                    </div>
                                                                    <!--end:box-content -->
                                                                    </div>
                                                                    <!--end:left content grid -->
                                                                    <div class="grid_5">
                                                                        <!--start:right content grid -->
                                                                        <div class="box-content">
                                                                            <!--start:box-content -->
                                                                            <!--End About me-->
                                                                            <h2>Tentang Kami</h2>
                                                                            <p>Kami adalah mahasiswa Sistem Informasi ITS angkatan 2009, yaitu Andhika Putra (5209100147) dan Riskha Dwi (5209100063)<br />
                                                                                <a href="user?halaman=tentangkami" class="readmore rightalign">more..</a><br />
                                                                            </p>
                                                                            <br />
                                                                            <!--End About me-->
                                                                            <!--Start Featured work image-->
                                                                            <h2>Albites</h2>
                                                                            <img src="images/featured_work.jpg" alt="feaured-image" class="img_border" />
                                                                            <!--End Featured work image-->
                                                                            <!--Start Twitter-->
                                                                            <div class="twitter"> <img src="images/twitter.gif" alt="twitter" />
                                                                                <p>ayoo follow twitter kami</p>
                                                                            </div>
                                                                            <!--End Twitter-->
                                                                            <div class="grid_5">
                                                                                <!--start:right content grid -->
                                                                                <div class="box-content">

                                                                                    <h2>Albites</h2>
                                                                                    <p>Albites adalah sebuah web aplikasi yang dikhususkan untuk para penderita diabetes.</p>
                                                                                    <p>Kontrol asupan kalorimu setiap hari dengan jadi member disini.</p>
                                                                                    <p>Jadi, tunggu apalagi, buruan registrasi untuk menjadi member dalam web ini !</p>

                                                                                    <br />
                                                                                </div>
                                                                                <!--end:box-content -->
                                                                            </div>
                                                                            <!--end:right content grid -->
                                                                        </div>
                                                                        <!--end:content container -->
                                                                       < <div class="clear"></div>
                                                                       <div>
                                                                        <div id="fotter">
                                                                            <div class="right_text"><div align="center">
                                                                                    <p>&nbsp;</p>
                                                                                    <p>&nbsp;</p>
                                                                                    <p><a href="Home -.html">Home</a><a href="Albites.php"></a><a href="#" class="fotterlink"></a> | <a href="#" class="fotterlink">About 
                                                                                            Us</a> | <a href="#" class="fotterlink">Contact Us</a></p>
                                                                                </div>
                                                                                <div class="fotter_links"></div>
                                                                                <div class="fotter_copyrights">
                                                                                    <div align="center">&copy; Copyright ALBITES Team. All Rights Reserved</div>
                                                                                </div>
                                                                                <div class="fotter_validation">
                                                                                    <div align="center"><br />
                                                                                    </div>
                                                                                </div>
                                                                                <div class="fotter_designed">
                                                                                    <div align="center">Designed By : <a href="#" class="fotter_designedlink">ALBITES 
                                                                                            Team </a></div>
                                                                                </div>
                                                                            </div>
                                                                            </div>
                                                                       </div>
                                                                            <!--end:footer -->
                                                                            </body>
                                                                            </html>
